<%--
  Created by IntelliJ IDEA.
  User: 郑自航
  Date: 2018/7/4
  Time: 10:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
    <title>微辰金服系统登录</title>

    <!-- 页面基本设置禁止随意更改 -->
    <meta charset="utf-8">
    <meta name="author" content="forework">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-tap-highlight" content="no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <!-- 页面基本设置禁止随意更改 -->
    <!-- 基础CSS类库可随意更改 -->
    <!--<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />-->
    <link rel="stylesheet" type="text/css" href="${basePath}/css/less.css">
    <link rel="stylesheet" type="text/css" href="${basePath}/css/basic.css">
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="${basePath}/css/ie8.css">
    <![endif]-->
    <!--[if gte IE 9]>
    <link rel="stylesheet" type="text/css" href="${basePath}/css/ie.css">
    <![endif]-->
    <!-- 基础CSS类库可随意更改 -->
    <!-- 基础js类库可随意更改 -->
    <script type="text/javascript" src="${basePath}/js/plugin/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="${basePath}/js/plugin/jquery.i18n.properties.min.js"></script>
    <!-- 基础js类库可随意更改 -->
</head>
<body>
<div class="wrapper" style="background-color: white;">
    <div class="login-top">
        <div style="height: 60px;background-color: white;">
            <div style=";margin-left: 160px;">
                <img src="${basePath}/images/log_1.jpg"/>
            </div>
            <div style="float:right;margin-top: -34px;width: 360px;font-size: 18px;">
                <span class="l-lab-text">Language:</span>&nbsp;
                <select class="form-control bfh-countries" id="language">
                    <%--<option value ="en" selected>English</option>--%>
                    <option value="zh">简体中文</option>
                    <%--<option value ="" >繁体中文</option>--%>
                </select>
            </div>
        </div>
        <div class="login-topBg">
            <div class="login-topBg1">

                <div class="login-topStyle">

                    <!--在点击注册时出现样式login-topStyle3登录框，而login-topStyle2则消失-->
                    <div class="login-topStyle3" id="loginStyle" style="margin-top: 75px;">
                        <h3 class="l-lab-text">title</h3>
                        <!--输入错误提示信息，默认是隐藏的，把display:none，变成block可看到-->
                        <div class="error-information l-lab-text" style="display:none;">erro msg</div>
                        <form id="loginForm">
                            <div class="ui-form-item loginUsername">
                                <input type="username" id="username" name="username" placeholder="User Name"
                                       class="l-lab-text">
                            </div>
                            <div class="ui-form-item loginPassword">
                                <input type="password" id="password" name="password" placeholder="Password"
                                       class="l-lab-text">
                            </div>
                            <div class="login_reme">
                                <input type="checkbox" name="login_reme">
                                <a class="reme1 l-lab-text">rember me</a> <a class="reme2 l-lab-text"
                                                                             href="password.html">forget the password</a></div>
                            <span class="error_xinxi" style="display:none;">您输入的密码不正确，请重新输入</span>
                            <a class="btnStyle btn-register l-lab-text" id="btn-login" href="javascript:void(0);"
                               onclick="doLogin()">Login</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="loginCen" style="margin-top: 55px;">
        <div class="login-center">
            <div class="loginCenter-moudle">
                <div class="loginCenter-moudleLeft" style="margin-right: 60px;"> &nbsp;</div>
                <div class="loginCenter-moudleRight" style="  width: 1067px;">
                    <!--第一个-->
                    <a class="loginCenter-mStyle loginCenter-moudle1" id="moudleRemove"
                       style=" display:block;width: 340px;">
                        <span class="moudle-img"><img src="${basePath}/images/login_bg_01.png"></span>
                        <span class="moudle-text">
            <span class="moudle-text1" style="font-family:'微软雅黑'">利用LBS直接定位
</span>
            <span class="moudle-text2" style="font-family:'微软雅黑'"></span>
            </span>
                    </a>
                    <!--第二个-->
                    <a class="loginCenter-mStyle loginCenter-moudle2" style=" display:block; width: 357px;"
                       id="moudleRemove2">
                        <span class="moudle-img"><img src="${basePath}/images/login_bg_02.png"></span>
                        <span class="moudle-text">
            <span class="moudle-text1" style="font-family:'微软雅黑'"> 温州最便宜快捷的上门洗车
</span>
            <span class="moudle-text2" style="font-family:'微软雅黑'"></span>
           </span>
                    </a>
                    <!--第三个-->
                    <a class="loginCenter-mStyle loginCenter-moudle3" style=" display:block;" id="moudleRemove3">
                        <span class="moudle-img"><img src="${basePath}/images/login_bg_03.png"></span>
                        <span class="moudle-text">
                 <span class="moudle-text"> <span class="moudle-text1" style="font-family:'微软雅黑'">指尖上的洗车店
</span>
                  <span class="moudle-text2" style="font-family:'微软雅黑'"></span>
            </span>
            </span>
                    </a>

                </div>
            </div>
        </div>
    </div>
    <div class="footer"><span class="footerText">Copyright © 2017-2018 厦门微辰金服  苏ICP备: 10227676号</span></div>
</div>

<script src="${basePath}/js/i18n.js"></script>
<script type="text/javascript">
    $(function () {
        if (self != top) {
            // alert('在iframe中');
            window.parent.location.href = window.location.href;
        }
        //回车按钮
        $(document).keyup(function (event) {
            if (event.keyCode == 13) {
                //触发btn-login绑定的submit事件
                $("#btn-login").trigger("click");
            }
        });
        initI18n("index");
    });

</script>
</body>
</html>